<template>
  <!--    产品说明-->
  <div class="box">
    <div class="boxCenter">
      <ul>
        <li>产品名称：{{ projectName }}</li>
        <li>产品说明：{{ projectExplain }}</li>
      </ul>
    </div>
  </div>
</template>

<script>
import { getProductOne } from "../../../src/assets/js/api";
export default {
  name: "ProductDescription",
  created() {
    //获取产品Id
    let productId = sessionStorage.getItem("productId");
    this.getProductOne(productId);
  },
  data() {
    return {
      projectName: "",
      projectExplain: " "
    };
  },
  methods: {
    getProductOne(id) {
      getProductOne(id).then(res => {
        this.projectName = res.data.projectName;
        this.projectExplain = res.data.projectExplain;
      });
    }
  }
};
</script>

<style scoped type="less">
ul {
  text-align: left;
  font-size: 14px;
  padding-left: 10px;
}
</style>
